import React, { Component } from "react";
// createPortal方法就是将我们的组件放到这个页面的任意的地方
// 一般只有需要整个窗口定位的元素会去使用
import { createPortal } from "react-dom";

class Child extends Component {
  render() {
    // 两个参数，第一个是元素，第二个是需要放的地方
    return createPortal(<div>child子组件</div>, document.querySelector("body"));
  }
}

class App extends Component {
  state = {};
  render() {
    return (
      <div className="box">
        <h2>portal</h2>
        <Child />
      </div>
    );
  }
}

export default App;
